<template>
	<div>
		<!-- 轮播图 -->
		<swipe :Lubotu="Lubotu" :isfull="true"></swipe>
		<!-- 6宫格 -->
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
							<router-link to="/home/newsList">
							<img src="images/menu1.png" class="imggrid">
							<div class="mui-media-body">新闻资讯</div>
							</router-link></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photoList">
							<img src="images/menu2.png" class="imggrid">
							<div class="mui-media-body">图片浏览</div></router-link></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodsList">
							<img src="images/menu3.png" class="imggrid">
							<div class="mui-media-body">商品购买</div></router-link></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
							<img src="images/menu4.png" class="imggrid">
							<div class="mui-media-body">留言反馈</div></a></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
							<img src="images/menu5.png" class="imggrid">
							<div class="mui-media-body">视频专区</div></a></li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
							<img src="images/menu6.png" class="imggrid">
							<div class="mui-media-body">联系我们</div></a></li>
			
	</ul> 
	</div>
</template>

<script>
	import swipe from '../subcomponent/swipe.vue'
	import { Toast } from 'mint-ui';
	export default{
		data() {
			return {
				Lubotu: []
			}
		},
		created() {
			this.getLubotu()
		},
		methods:{
			getLubotu(){
				this.$http.get('http://www.liulongbin.top:3005/api/getlunbo').then(function(data){
					if(data.body.status==0){
						this.Lubotu=data.body.message
					}else{
						Toast('图片加载异常');
					}
				})
			}
		},
		components:{
			swipe
		}
	}
	
</script>

<style scoped="scoped" >
	
	.mui-grid-view.mui-grid-9{
		background-color: #FFFFFF;
	}
	.mui-grid-view.mui-grid-9 .mui-table-view-cell{
		border: none;
	}
	
	.imggrid{
		width: 60px;
		height: 60px;
	}
	.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
		font-size: 13px;
	}
</style>
